<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        #box{
            width: 100%;
            height: 900px;
            background-color: pink;

        }
        #box>div{
            vertical-align: top;
            display: inline-block;
            width: 350px;
            height: 400px;
            background-color: rgb(188, 188, 188);
            margin-left: 20px;
        }
        #box>div>img{
            width: 200px;
            height: 250px;
            /* margin: 0 auto; */
            margin-top: 50px;
            margin-left: 75px;
        }
        .p1{
            font-size: 20px;
            text-align: center;
            color: #323232;
        }
        .p2{
            font-size: 15px;
            text-align: center;
            columns: rgb(150, 149, 149);
        }
        .p3{
            font-size: 14px;
            text-align: center;
            color: rgb(163, 177, 189);
        }
    </style>
</head>
<body>
    <div id="box">
        <div><img src="https://picsum.photos/200/250?random=1"><p class="p1">这是一颗枯死的老柏树</p>
        <p class="p2">矮黑人和人一样的</p><p class="p3">机发表评论去哦v奥扫上课噶</p></div>
        <div><img src="https://picsum.photos/200/250?random=2"><p class="p1">欧美风的建筑群</p>
            <p class="p2">哈哈哈但是v巴亚尔</p><p class="p3">机发表评论去哦v奥扫上课噶</p></div>
        <div><img src="https://picsum.photos/200/250?random=3"><p class="p1">这是西方的小孩子吧</p>
            <p class="p2">啊大大大关火后和</p><p class="p3">机发表评论去哦v奥扫上课噶</p></div>
        <div><img src="https://picsum.photos/200/250?random=4"><p class="p1">没加载出来</p>
        <p class="p2">和还解释个掉打啊</p><p class="p3">卡机发表评论去哦v奥扫上课噶放得开</p></div>
    </div>
</body>
</html>